﻿<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="AngularApp">
<head>
	<meta charset="utf-8" />
	<title>index</title>
	<script src="js/frame.js"></script>
	<link href="css/index.css" rel="stylesheet" />
	<script src="js-ctrl/IndexCtrl.js"></script>
	<script src="js-ctrl/FolderCtrl.js"></script>
	<script src="js-ctrl/ArtCtrl.js"></script>
	<script src="js-ctrl/MsgCtrl.js"></script>
	<script src="js-ctrl/SetCtrl.js"></script>
	<script type="text/ng-template" id="tpl_folder">
		<div class="folder" ng-controller="FolderCtrl.ctrl">
			<div class="topbar">
				<div class="myfavorite" ng-click="showChildPage('pages/favorite.html?v=2')">我的收藏</div>
				<div class="myhome" ng-click="showChildPage('pages/myhome.html')">我的主页</div>
			</div>
			<div class="main_body">
				<div class="year">2014年</div>
				<table class="timeline" cellspacing="0" cellpadding="0">
					<tr>
						<td class="date">
							<div class="day today">今天</div>
							<div class="time">11:47</div>
						</td>
						<td class="line">
							<img src="images/folder/tuoy.png" />
						</td>
						<td class="lock">
							<img src="images/folder/suo.png" />
						</td>
						<td class="photo">
							<a href="javascript:void(0)" ng-click="showChildPage('pages/worksinfo.html')"><img src="image/kong/34.jpg" /></a>
						</td>
					</tr>
					<tr>
						<td class="date">
							<div class="day">昨天</div>
							<div class="time">13:55</div>
						</td>
						<td class="line">
							<img src="images/folder/tuoy.png" />
						</td>
						<td class="lock">
							<img src="images/folder/nosuo.png" />
						</td>
						<td class="photo">
							<a href="javascript:void(0)" ng-click="showChildPage('pages/worksinfo.html')"><img src="image/kong/34.jpg" /></a>
						</td>
					</tr>
					<tr>
						<td class="date">
							<div class="day">01.03</div>
							<div class="time">13:55</div>
						</td>
						<td class="line">
							<img src="images/folder/tuoy.png" />
						</td>
						<td class="lock">
							<img src="images/folder/nosuo.png" />
						</td>
						<td class="photo">
							<a href="javascript:void(0)" ng-click="showChildPage('pages/worksinfo.html')"><img src="image/kong/34.jpg" /></a>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</script>
	<script type="text/ng-template" id="tpl_art">
		<div class="art" ng-controller="ArtCtrl.ctrl">
			<div class="topbar">
				<ul class="topbutton">
					<li ng-class="{active:tapIndex==0}" ng-click="tapIndex=0">发现</li>
					<li ng-class="{active:tapIndex==1}" ng-click="tapIndex=1">关注</li>
				</ul>
				<div class="topshai" ng-show="tapIndex==0" ng-click="showScreening=!showScreening">筛选</div>
			</div>
			<div class="main_body">
				<table ng-show="tapIndex==0" id="photo_wall" cellspacing="6">
					<tr>
						<td><div></div></td>
						<td><div></div></td>
						<td><div></div></td>
					</tr>
				</table>
				<div class="worksdetail" ng-show="tapIndex==1">
					<table class="info" cellspacing="0">
						<tr>
							<td class="head" rowspan="2">
								<img src="image/kong/1.jpg" />
							</td>
							<td class="name">天涯海角</td>
							<td class="time" rowspan="2">1小时前</td>
						</tr>
						<tr>
							<td class="desc" colspan="2">在校大学生</td>
						</tr>
					</table>
					<img src="image/kong/2.jpg" class="photo" />
					<div class="shuom">哈哈天天画，终于感觉有点进步了。</div>
					<div class="split_line"></div>
					<table class="user_button" cellspacing="0">
						<tr>
							<td>
								<div class="icon up">364</div>
							</td>
							<td>
								<div class="icon pinglun">62</div>
							</td>
							<td>
								<div class="icon star">96</div>
							</td>
							<td>
								<img height="8" src="images/art/more.png" />
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="screening" ng-show="showScreening">
				<div>
					<div class="screening_item" ng-repeat="d in screeningData">
						<img class="screening_icon" ng-src="{{d.src}}" />
						<div class="screening_text" ng-bind="d.title"></div>
					</div>
					<div class="screening_cancel inner_center">
						<input type="button" class="button white big" value="取消" ng-click="showScreening=false" />
					</div>
				</div>
			</div>
		</div>
	</script>
	<script type="text/ng-template" id="tpl_msg">
		<div class="msg" ng-controller="MsgCtrl.ctrl">
			<div class="topbar">
				消息提示
			</div>
			<div class="main_body">
				<ul class="topbutton">
					<li ng-class="{active:msg.tapIndex==0}" ng-click="msg.tapIndex=0">评论</li>
					<li class="border_left" ng-class="{active:msg.tapIndex==1}" ng-click="msg.tapIndex=1">收藏</li>
					<li class="border_left" ng-class="{active:msg.tapIndex==2}" ng-click="msg.tapIndex=2">关注</li>
					<li class="border_left" ng-class="{active:msg.tapIndex==3}" ng-click="msg.tapIndex=3">通知</li>
				</ul>
				<div class="content">
					您还没有收到任何消息呢
				</div>
			</div>
		</div>
	</script>
	<script type="text/ng-template" id="tpl_set">
		<div class="set" ng-controller="SetCtrl.ctrl">
			<div class="topbar">
				设置
			</div>
			<div class="main_body">
				<ul class="menu">
					<li ng-click="showChildPage('pages/myfocus.html')">
						<div class="menu_title wdgz">我的关注</div>
						<div class="menu_enter"></div>
					</li>
					<li ng-click="showChildPage('pages/search_friends.html')">
						<div class="menu_title czhy">查找好友</div>
						<div class="menu_enter"></div>
					</li>
					<li ng-click="showChildPage('pages/commset.html')">
						<div class="menu_title tysz">通用设置</div>
						<div class="menu_enter"></div>
					</li>
					<li ng-click="showChildPage('pages/myinfo.html')">
						<div class="menu_title zhsz">账号设置</div>
						<div class="menu_enter"></div>
					</li>
					<li ng-click="showChildPage('pages/about.html')">
						<div class="menu_title gywm">关于我们</div>
						<div class="menu_enter"></div>
					</li>
					<li ng-click="showChildPage('pages/idea.html')">
						<div class="menu_title yjfk">意见反馈</div>
						<div class="menu_enter"></div>
					</li>
				</ul>
				<div class="logout">
					<input type="button" class="button yellow full" value="注销" />
				</div>
			</div>
		</div>
	</script>
</head>
<body ng-controller="IndexCtrl.ctrl">
	<div ng-include="'tpl_'+curTplName"></div>
	<table class="nav" cellpadding="0" cellspacing="0">
		<tr>
			<td ng-click="redirect('folder')">
				<img class="nav_icon" ng-src="images/daohang/1{{curTplName=='folder'?'-1':''}}.png" />
				<div class="nav_title" ng-class="{active:curTplName=='folder'}">我的画夹</div>
			</td>
			<td ng-click="redirect('art')">
				<img class="nav_icon" ng-src="images/daohang/2{{curTplName=='art'?'-1':''}}.png" />
				<div class="nav_title" ng-class="{active:curTplName=='art'}">艺术广场</div>
			</td>
			<td ng-click="showPaizhao=true">
				<img class="nav_icon middle" src="images/daohang/3.png" />
			</td>
			<td ng-click="redirect('msg')">
				<img class="nav_icon" ng-src="images/daohang/4{{curTplName=='msg'?'-1':''}}.png" />
				<div class="nav_title" ng-class="{active:curTplName=='msg'}">我的消息</div>
			</td>
			<td ng-click="redirect('set')">
				<img class="nav_icon" ng-src="images/daohang/5{{curTplName=='set'?'-1':''}}.png" />
				<div class="nav_title" ng-class="{active:curTplName=='set'}">设置</div>
			</td>
		</tr>
	</table>
	<div class="photograph ng-hide" ng-show="showPaizhao">
		<div style="height:30%;"></div>
		<div class="buttons">
			<input type="button" value="拍照" ng-click="toPaizhao()" />
			<input type="button" class="blue" value="本地上传" />
			<input type="button" value="取消" ng-click="showPaizhao=false" />
		</div>
	</div>
</body>
</html>
<script>angular.module('AngularApp', ['ngTouch', 'ngSanitize']);</script>